page{background:#F7F7F7;font-size: 28rpx;}
.cpt-mask {  
        position: fixed;  
        top: 0;  
        left: 0;  
        width: 100%;  
        height: 100%;  
        background-color: #000000;  
        opacity: 0.5;  
        z-index: 99;
		.mask-tip{
			position: absolute;top: 50%;margin-top:-60rpx;left: 50%;margin-left: -60rpx;width: 120rpx;
			.txt{color:white;font-weight: bold;font-size:28rpx;}
		
		}
} 
.produce-cash-box{height:70rpx;background: white;margin-top: 30rpx;border-radius:20rpx;padding: 30rpx;position: relative;overflow: hidden;
   .p-title{line-height: 70rpx;}
   .tag{position: absolute;width:46rpx;height: 206rpx;line-height: 32rpx;right: 0rpx;top: -50rpx;word-wrap: break-word;
   background: #FF7A36;color: white;-webkit-transform: rotate(45deg);transform: rotate(-45deg);font-size: 24rpx;
   text-align: center;padding-top: 30rpx;
   &.free{background:#4ED89D;}

     &.free{background:#4ED89D;}
   }
}
.row-cell-wrap.radio-box{
	border-radius: 0 0 16rpx 16rpx;
	.uni-list-cell::after{
		display: none;
	}
}

.row-cell-wrap{
	&.top-left-right-radio{border-radius:16rpx 16rpx 0 0;}
	.green-border-box{border:1rpx solid #4ED89D;font-size:18rpx;color:#4ED89D;margin-left:30rpx;
	padding:0 10rpx;display: inline-block;line-height:30rpx;position:relative;top:-4rpx;}
	.red-border-box{border:1rpx solid #E64542;font-size:18rpx;color:#E64542;margin-left:30rpx;padding:0 10rpx;display: inline-block;line-height:30rpx;}
	&.radio-box{
		padding-left: 20rpx;padding-bottom: 20rpx;
	  label{display: flex;margin-right: 50rpx;}
	  .radio-group{display: flex;width: 100%;flex-direction: row;justify-content: flex-start;}
	}
	&.borderTop{border-top: 1px solid #F7F7F7;}
		display: flex;justify-content:space-between;align-items: center;background: white;flex-direction: row;padding:10rpx 30rpx;
	.gray{color: #888888;}
	.iconfont{font-size:24rpx;}
	.righr-part{display: flex;flex-direction: row;align-items: center;
	  .i-item{margin-right:20rpx;
	  &.manjian-bg{ color: #FF7A36;}
	 }
	}
}
// .bg-body{background:#69A4FE;height:96rpx;}
.manjian-bg{
	width:110rpx;height:40rpx;text-align: center;line-height:40rpx;position: relative;
	image{
		width: 100%;
	}
	.manjian-txt{position: absolute;width:100rpx;text-align: center;height: 40rpx;left: 50%;margin-left: -50rpx;top: 50%;margin-top: -20rpx;}
 //    &::before{position: absolute;width:20rpx;height:20rpx;background: white;border-radius:50rpx;
	// content: '';display:block;left:-16rpx;top: 50%;margin-top: -10rpx;}
	// &::after{position: absolute;width:20rpx;height:20rpx;background: white;border-radius:50rpx;
	// content: '';display:block;right:-16rpx;top: 50%;margin-top: -10rpx;}
}
.top-header-box{
	background: #69A4FE;height:210rpx;
	text-align: center;
	position: fixed;
	left:0;
	right:0;
	top: 0;
	.back{position: absolute;left: 30rpx;top: 70rpx;color: white;}
	.header-title{margin-top: 60rpx;color: white;}
}
.content-wrap{position: absolute;z-index:10;left: 0;right: 0;top:-5rpx;margin:30rpx;margin-bottom:300rpx;}
.deliver_type{
	    display: flex;
	    height: 80rpx;
	    background: #e8edf2;
	    border-radius: 8px 8px 0px 0px;
		.deliver{
			    background: #fff;
			    border-radius: 8px 8px 0px 0px;
		}
}
.address-box{
	padding:10rpx 30rpx;
	border-radius:16rpx;
	background: white;
	margin-top: 260rpxx;
	font-size: 28rpx;
	height: 200rpx;display: flex;justify-content:flex-start;align-items: center;
	.location{width:80rpx;font-size:50rpx;}
	.name-phone-address{width:580rpx;
	   .item{margin:8rpx 0;}
	}
	.deliver-store{
		width: 330rpx;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.right-icon{width:70rpx;text-align:right;color: #888888;}
	
}
.row-box{
	margin-top: 20rpx;
	border-radius: 10rpx;
}
.goods-box{
	background: white;padding:30rpx;
	margin-top: 30rpx;display: flex;align-items: center;border-radius:16rpx 16rpx 0 0;
	.goods-img{
		width: 160rpx;height: 160rpx;overflow: hidden;margin-right: 20rpx;
		image{width: 100%;height: 100%;}
	}
	.goods-describe{
		height: 200rpx;
		.main-title{font-size:28rpx;margin-bottom:18rpx; font-weight: 400;
			width: 450rpx;
			    text-overflow: -o-ellipsis-lastline;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    -webkit-line-clamp: 2;
			    line-clamp: 2;
			    -webkit-box-orient: vertical;
				display: -webkit-box;
			
		}
		.goods-price{
			display: flex;
			justify-content: space-between;  
			// margin-top: 60rpx;
			// .small-text{
			// 	    position: absolute;
			// 	    right: 60rpx;
				
			// }
		}
		.small-text{font-size:24rpx;color: #888888;margin-top:8rpx;}
		.small-price{
			font-size:32rpx;
			color: #FF5733;
			font-weight: bold; 
			text{
				font-size: 24rpx;
			}
		}
	}
	
}
.set-margintop{margin-top: 30rpx;}
.row-cell-box{
		display: flex;justify-content:space-between;align-items: center;background: white;flex-direction: row;padding:10rpx 30rpx;
	.gray{color: #888888;}
	.iconfont{font-size:24rpx;color: #888888;}
	.righr-part{display: flex;flex-direction: row;align-items: center;
	  .i-item{margin-right:20rpx;color: #FF7A36;}
	}
	.count-price{
		text{
			color: #FF5733;
		}
		
	}
}
.remarks-box{background: white;display: flex;justify-content: center;align-items: center;margin-top: 10px;border-radius:16rpx;
 .text-area{background: #F7F7F7;width: 100%;margin:30rpx;padding: 20rpx;}
}

.footer-fixed-box{
	.proxy{padding:30rpx 20rpx;
	  .green{color:#69A4FE;}
	}
	position: fixed;left: 0;right: 0;width: 100%;background: white;bottom: 0;z-index: 20;
	.inner{
		display: flex;align-items: center;flex-direction: row;justify-content:space-between;height:110rpx;padding:0 30rpx;
		.pay-row{width:335rpx;
			.pay-btn{border-radius: 50rpx;background-image: linear-gradient(90deg, #ff8833ff 0%, #fd4a24ff 100%);font-size:28rpx;color: white;}
		}
		.sum-text{width:335rpx;
			.price-icon{font-size:26rpx;color:#FF5733;font-weight: bold;}
			.price-val{font-size:36rpx;color:#FF5733;font-weight: bold;}
		}
	}
	
}
// 支付方式
.pay-box{
	background-color: #fff;
	border-radius: 16rpx;
	padding: 20prx;
	.type-box{
		padding: 20rpx;
		.checked{
			color: #FF5733;
		}
	}
	.flex-box{
		
	}
	
	
}
// 交易弹框 输入交易密码
.business-pay-temp{
	background-color: #fff;
	border-radius: 16rpx;
	padding: 20prx;
	width:720rpx;
	height: 660rpx;
	.btn-close{
		height: 80rpx;
		line-height: 80rpx;
		.close{
			position: absolute;
			right: 20rpx;
			font-size: 46rpx;
			height: 80rpx;
		}
	}
	
	.tip{
		text-align: center;
		padding: 10rpx;
		font-size: 32rpx;
		font-weight: bold;
		height: 100rpx;
		// line-height: 80rpx;
	}
	.temp-input{
		display: flex;
		justify-items: center;
		justify-content: center;
		.code-input-item{
			width: 80rpx;
			height: 80rpx;
			border: 2rpx solid #888;
			text-align: center;
			margin: 0 10rpx;
			font-size: 32rpx;
			// background-color: #888888;
		}
		.code-input{
			width: 0;
			height: 0;
		}
	}
	.btn-pay{
		margin: auto;
		margin-top: 80rpx;
		width: 686rpx;
		height: 128rpx;
		
		background: #4CD0E1;
		border-radius: 64rpx;
		text-align: center;
		line-height: 128rpx;
		font-size: 32rpx;
		font-weight: bold;
	}
	.text{
		padding: 20rpx;
		text-align: center;
		font-size: 24rpx;
		text{
			color: #4CD0E1;
		}
	}

}

.tip-box{
	width: 686rpx;
	background-color: #fff;
	margin: 20rpx auto;
	padding: 20rpx ;
	position: relative;
	.tip-btn{
		position: absolute;
		right: 8rpx;
		top: 160rpx;
		text-align: center;
		z-index: 9;
		.txt{
			font-size: 24rpx;
		}
		
	}
	.tip-txt{
		display: flex;
		height: 80rpx;
		line-height: 80rpx;
		margin: 10rpx 0;
		.txt{
			width: 150rpx;
			
		}
		.input-box{
			input{
				width: 500rpx;
				height: 80rpx;
				background-color: #f2f2f2; 
				padding-left: 10rpx;
			}
		}
		
	}
}
// 发票样式
.invoice-temp{
	max-height: 900rpx;
	background-color: #fff;
	border-radius:  16rpx 16rpx 0 0;
	padding: 40rpx 20rpx;
	// overflow: hidden;
	overflow-y: auto;
	 -webkit-overflow-scrolling: touch;
	.title{
		display: flex;
		justify-content: space-between;
		padding: 16rpx 0 ;
		.title-txt{
			font-size: 32rpx;
			font-weight: 500;
			
		}
		.closs{
			font-size: 24rpx;
			// background-color:  #e5e5e5;
			// color: #666;
		}
	}
	.fp{
		padding: 20rpx 0;
		.fp-title{
			font-size: 32rpx;
			font-weight: 500;
			padding: 16rpx 0;
		}
		.fp-btn{
			display: flex;
			margin: 0 10rpx;
			.btn{
				text-align: center;
				// background-color: #fff;
				    padding: 10rpx 20rpx;
				    margin: 0 10rpx;
				    border-radius: 16rpx;
					border:2rpx solid #888;
					
			}
			
			.fp-btn-check{
				    border: 2rpx solid #F44336;
				    color: #F44336;
				    font-weight: bold;
			}
			
		}
		
		.tip{
			font-size:  24rpx;
			color: #c6c6c6;
			padding: 20rpx 0;
		}
		.fp-content{
			.temp{
				display: flex;
				padding: 10rpx 0;
				.temp-row{
					width: 210rpx;
				}
				.fp-init{
					input{
						border-bottom:2rpx solid #e5e5e5;
					}
				}
			}
		}
	}
	.btn-commit{
		position: fixed;
		bottom: 30rpx;
		width: 710rpx;
		justify-content: center;
		margin: auto;
		background-color: #F44336;
		color: #fff;
		text-align: center;
		font-size: 28rpx;
		padding: 20rpx 0;
		z-index: 999;
		border-radius: 16rpx;
	}
	
}
